<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Cloudability</title>

    <!-- jQuery -->
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/jquery/ui.core.js"></script>

    <!-- Tabs -->
    <link rel="stylesheet" href="styles/ui.tabs.css" type="text/css" media="print, projection, screen" />
    <script type="text/javascript" src="scripts/jquery/ui.tabs.js"></script>

    <!-- Modal dialogs -->
    <link rel="stylesheet" href="styles/jqModal.css" type="text/css" media="print, projection, screen" />
    <script type="text/javascript" src="scripts/jquery/jqModal.js"></script>

    <!-- Cloudability web interface -->
    <link rel="stylesheet" href="styles/c10y.css" type="text/css" media="print, projection, screen" />
    <script type="text/javascript" src="scripts/c10y.js"></script>
    <script type="text/javascript" src="scripts/c10y/api.js"></script>
    <script type="text/javascript" src="scripts/c10y/utils.js"></script>
    <script type="text/javascript" src="scripts/c10y/display.js"></script>

<script type="text/javascript">
$(function() {
    $("#tabs > ul").tabs();
    c10y.init();
});
</script>
</head>
<body>

<div id="dialog" class="jqmWindow" style="display:none"></div>
<div id="message"></div>

<div id="tabs">
  <ul>
    <li><a href="#activity"><span>Activity</span></a></li>
    <li><a href="#addresses"><span>Addresses</span></a></li>
    <li><a href="#clusters"><span>Clusters</span></a></li>
    <li><a href="#deployments"><span>Deployments</span></a></li>
    <li><a href="#images"><span>Images</span></a></li>
    <li><a href="#instances"><span>Instances</span></a></li>
    <li><a href="#snapshots"><span>Snapshots</span></a></li>
    <li><a href="#volumes"><span>Volumes</span></a></li>
  </ul>
  <div id="activity"></div>
  <div id="addresses"></div>
  <div id="clusters"></div>
  <div id="deployments"></div>
  <div id="images"></div>
  <div id="instances"></div>
  <div id="snapshots"></div>
  <div id="volumes"></div>
</div>

</body>
</html>
